<!DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script src="jsBase/lib/jquery.js?version=@WebVersion@"></script> <script src="jsBase/widget/js/jquery.ui.core.js?version=@WebVersion@"></script> <script src="jsBase/widget/js/jquery.ui.widget.js?version=@WebVersion@"></script> <script>jQuery.noConflict();</script> <script src="jsBase/lib/m.js?version=@WebVersion@"></script> <script src="jsBase/lib/more.js?version=@WebVersion@"></script> <script src="jsBase/common/extend.js?version=@WebVersion@"></script> <script type="text/javascript">// 强行加入参数，保证FF图片加载不失败
        var cssList = ['css/reset.css','css/ui.css','css/custom.css','css/skin.css','css/main.css','css/alarm.css','css/set.css','css/resize.css','css/playback.css','jsBase/widget/css/ui.css','jsBase/widget/css/skin.css','css/fn.css'];

        for(var i = 0 ; i < cssList.length ; i ++){
            var lt = "?WebVersion=@WebVersion@"

            //解决ie7 8下手动引入css加载不来的问题
            if(!(Browser.ie7 || Browser.ie8)){
                if(location.href.split('?')[1]){
                    lt +=  "&"+location.href.split('?')[1];
                }
            }
            var cssNode = document.createElement("link");
                cssNode.rel = 'stylesheet';
                cssNode.type = "text/css";
                cssNode.media = 'screen';
                cssNode.href = cssList[i]+lt;

            document.head.appendChild(cssNode);
        }
        cssList = null,lt = null;</script> </head> <body>  <div id="login" class="login"> <div class="login-container"> <div class="login-content"> <div id="login_logo"></div> <div class="login-inputbox fn-clear"> <form autocomplete="off"> <div class="login-input-item"> <label t="w_Username+:" class="login-input-title"></label> <input type="text" id="login_user" class="fn-width163 fn-mart3"> </div> <div class="login-input-item"> <label class="login-input-title" t="w_password+:"></label> <input id="login_psw" type="password" class="fn-width163 fn-mart3"> </div> <div class="login-input-item" id="login_type"> <label class="login-input-title" t="w_userType+:"></label> <select class="fn-width169" id="login_selType"> <option value="Direct" t="w_localUser"></option> <option value="ActiveDirectory" t="w_ADUser"></option> <option value="LDAP" t="w_LDAPUser"></option> </select> </div> <div class="ui-button-box login-btnbox"> <a btn-for="onLogin" t="w_Login" class="u-button fn-width80" href="javascript:;"></a> <a btn-for="onCancel" t="Cancel" class="u-button fn-width80" href="javascript:;"></a> </div> </form> </div> </div> </div>  <div id="login_modify" class="u-dialog fn-width436"> <div class="u-dialog-head"> <h1 t="firstLoginChgPwd"></h1> <i class="i-close" data-action="close" id="i_close"></i> </div> <div class="u-dialog-content"> <div class="ui-form-item"> <label class="ui-label fn-padl20" t="w_NewPwd"></label> <div class="fn-left fn-width169"> <input type="password" class="fn-mart2" name="newpwd" maxlength="32" onpaste="return false" oncontextmenu="return false"> <span class="u-input-error fn-color-red"></span> </div> </div> <div class="ui-form-item"> <label class="ui-label fn-padl20"></label> <div class="fn-left fn-width165"> <ul class="ui-pwd-strength"> <li class="weak" t="w_Weak"></li> <li class="middle" t="w_Middle"></li> <li class="strong" t="w_Strong"></li> </ul> </div> </div> <div class="ui-form-item"> <label class="ui-label fn-padl20" t="w_Pwdconfirm"></label> <div class="fn-left fn-width169"> <input type="password" class="fn-mart2" name="newpwd2" maxlength="32" onpaste="return false" oncontextmenu="return false"> <span class="u-input-error fn-color-red"></span> </div> </div> <div class="ui-form-item" id="no_tip"> <label class="ui-label fn-padl20"></label> <label class="ui-checkbox"> <input type="checkbox"><span t="noPwdTip"></span> </label> </div> </div> <div class="u-dialog-foot"> <a class="u-button" data-action="confirm" href="javascript:;" t="Ok"></a> <a class="u-button" data-action="close" href="javascript:;" t="Cancel" id="u_close"></a> </div> </div> </div> <div id="main" class="main-container" style="display:none"> <div class="main-head"> <div id="main_logo"></div> </div> <ul class="u-tab main"> <li data-for="preview"><a href="javascript:;" t="w_Preview"></a></li> <li data-for="ptz"><a href="javascript:;" t="w_ptz"></a></li> <li data-for="playback"><a href="javascript:;" t="w_Review"></a></li> <li data-for="set"><a href="javascript:;" t="w_Setup"></a></li> <li data-for="alarm" class="fn-relative"> <a href="javascript:;" t="w_Alarm"></a> <div class="main-nav-alarm" id="d_alarmtip" style="display:none"></div> </li> <li data-for="logout"><a href="javascript:;" t="w_Logout"></a></li> </ul> <div class="u-tab-content fn-pad0"> <div class="tab-panel" data-page="preview"> <div class="main-top"> <a class="u-button fn-left" href="javascript:;" btn-for="onConnectMain" t="w_MainStream"></a> <a class="u-button fn-left" href="javascript:;" btn-for="onConnectExtra" t="w_SecondStream" style="display:none"></a> <a class="u-button fn-left" href="javascript:;" btn-for="onConnectExtra2" t="w_SecondStream2" style="display:none"></a> <a class="u-button fn-left" href="javascript:;" btn-for="onConnectExtra3" t="辅码流3" style="display:none"></a> <a class="u-button fn-left" href="javascript:;" btn-for="onConnectExtra4" t="辅码流4" style="display:none"></a> <div id="pre_stream" class="fn-left fn-mart3"> <span t="Sub Stream Service"></span> <select class="fn-width100" id="pre_type"> <option value="0">TCP</option> <option value="4">UDP</option> <option t="w_multicast" value="3">Multicast</option> </select> </div> <a class="main-top-icon-help" href="javascript:;" hidefocus="true" help-file="preview.htm" t="title::w_help"></a> <a class="main-top-icon-speak" href="javascript:;" hidefocus="true" t="title::w_btnaudiotalk" btn-for="onTalk" style="display:none"></a> <a class="main-top-icon-doubleVoice2" href="javascript:;" hidefocus="true" t="title::w_btnaudio" btn-for="onVoice2" data-mode="15" style="display:none"></a> <a class="main-top-icon-doubleVoice1" href="javascript:;" hidefocus="true" t="title::w_btnaudio" btn-for="onVoice1" data-mode="14" style="display:none"></a> <a class="main-top-icon-voice" href="javascript:;" hidefocus="true" t="title::w_btnaudio" btn-for="onVoice" data-mode="1" style="display:none"></a> <a class="main-top-icon-locate" href="javascript:;" hidefocus="true" t="title::w_manualTrack" btn-for="onTrackObject" style="display:none"></a> <a class="main-top-icon-afocus" href="javascript:;" hidefocus="true" t="title::w_aFocus" btn-for="onSetAF" style="display:none"></a> <a class="main-top-icon-recordAll" href="javascript:;" hidefocus="true" t="title::w_RecordAll" btn-for="onRecordAll" style="display:none"></a> <a class="main-top-icon-vedio" href="javascript:;" hidefocus="true" t="title::w_Record" btn-for="onRecord"></a> <a class="main-top-icon-picturethree" href="javascript:;" hidefocus="true" t="title::w_3Snap" btn-for="onSnap3"></a> <a class="main-top-icon-picture" href="javascript:;" hidefocus="true" t="title::w_Snap" btn-for="onSnap"></a> <a class="main-top-icon-big" href="javascript:;" hidefocus="true" t="title::Local Range" btn-for="onEnlarged"></a> <a class="main-top-icon-fixedFocus" href="javascript:;" hidefocus="true" t="title::fixedFocus" btn-for="onFixedFocus" style="display:none"></a> <div id="pre_alarm_wrap"></div> <a class="main-top-icon-figure" href="javascript:;" hidefocus="true" t="title::w_Figure" btn-for="onFigure"></a>  <div class="duckbackground" id="duck_wrap" style="display:none"> <a id="b_duck_red" class="main-top-icon-icon-duck-red main-top-duckcheck" href="javascript:;" btn-for="onDuckColorClick1" hidefocus="true"></a> <a id="b_duck_blue" class="main-top-icon-icon-duck-blue" href="javascript:;" btn-for="onDuckColorClick2" hidefocus="true"></a> <a id="b_duck_green" class="main-top-icon-icon-duck-green" href="javascript:;" btn-for="onDuckColorClick3" hidefocus="true"></a> </div> <a id="b_duckdrawn" style="display:" class="main-top-duck-draw" href="javascript:;" btn-for="onDuckDrawnClick" hidefocus="true"></a> <a id="b_duck" style="display:" class="main-top-icon-icon-duck" href="javascript:;" btn-for="onDuckClick" hidefocus="true"></a>  <a class="main-top-icon-reginFoucs" href="javascript:;" hidefocus="true" t="title::w_reginFocus" btn-for="onRegionFocus" style="display:none"></a> <a class="main-top-icon-zoneExpose" href="javascript:;" hidefocus="true" t="title::区域曝光" btn-for="onZoneExpose"></a> <select sel-for="onChangeResolute" style="float:right; height:18px; margin-top:4px"> <option value="1920x1080">1920x1080</option> <option value="1280x720">1280x720</option> <option value="704x480">704x480</option> <option value="640x480">640x480</option> <option value="320x240">320x240</option> </select> <a class="main-top-icon-cut" href="javascript:;" hidefocus="true" title="区域剪裁" btn-for="onCutResolute"></a> <a class="main-top-icon-measureDistance" href="javascript:;" hidefocus="true" t="title::w_SD ImageRanging" btn-for="onMeasureDistance"></a> </div> <div class="main-bottom"> <div class="fn-relative"> <div class="main-video-container"> <div class="main-video" dhvideowhmode="Original Size"></div> <div class="ui-video-bar"></div> </div> <div class="main-right-container"> <div class="main-ptz-control fn-border-radius fn-marb10" style="display:none"></div> <div class="main-ptz-setting fn-border-radius fn-marb10" style="display:none"></div> <div class="main-image-adjust fn-border-radius fn-marb10" style="display:none"></div> <div class="main-zoom-focus fn-border-radius" style="display:none"></div> <div class="main-trigger-track fn-border-radius" style="display:none"></div> <div class="main-fisheye fn-border-radius" style="display:none"></div> </div> </div> </div> </div> <div class="tab-panel" data-page="ptz"> <div class="main-top"> <a class="main-top-icon-help" help-file="ptz.htm" t="title::w_help"></a> </div> <div class="main-bottom"> <div class="fn-relative"> <div class="main-video-container"> <div class="main-video" dhvideowhmode="Original Size"></div> <div class="ui-video-bar"></div> </div> <div class="main-right-container"> <div class="main-ptz-control fn-border-radius fn-marb10"></div> <div class="main-ptz-setting fn-border-radius fn-marb10"></div> <div class="main-zoom-focus fn-border-radius" style="display:none"></div> <div class="main-trigger-track fn-border-radius" style="display:none"></div> </div> </div> </div> </div> <div class="tab-panel" data-page="playback"></div> <div class="tab-panel" data-page="set"> <div class="set-container"> <div class="set-sidebar"> <ul id="set-menu"></ul> </div> <div class="set-content"> <div id="set-content" class="set-content-box"></div> </div> </div>  <script type="text/template" id="menu"><% $.each(data, function(i, value) { %>
                        <li category="<%= value.category %>" <% if(value.condition !== undefined) { %>style="display:none;"<% } %>>
                            <a class="set-menu">
                                <i class="set-menu-icon"></i>
                                <span class="set-menu-label" t="<%= value.t %>"></span>
                            </a>
                            <ul style="display:none">
                                <% $.each(value.member, function(i, item) { %>
                                    <li class="set-item" filename="<%= item.filename %>" <% if(item.condition !== undefined) { %>style="display:none;"<% } %> <% if(item.vsp !== undefined) { %>vsp="vsp"<% } %>>
                                        <i class="set-item-icon"></i>
                                        <span class="set-menu-label" t="<%= item.t %>"></span>
                                    </li>
                                <% }); %>
                            </ul>
                        </li>
                    <% }); %></script> </div> <div class="tab-panel" data-page="alarm"></div> <div class="tab-panel" data-page="logout"></div> </div> <iframe id="_download" src="" style="display:none"></iframe> </div> <div id="markframe" class="fn-opacity" style="position:absolute;width:100%;;height:100%;;top:0;left:0;background:red;display:none;z-index:10000">1</div> <script src="jsBase/lib/md5.js?version=@WebVersion@"></script> <script src="jsBase/lib/base64.js?version=@WebVersion@"></script> <script src="jsCore/common.js?version=@WebVersion@"></script> <script src="js/publicFunc.js?version=@WebVersion@"></script> <script src="jsCore/modules/ui-schedule.js?version=@WebVersion@"></script> <script src="jsBase/lib/qrcode.js?version=@WebVersion@"></script> <script src="jsBase/lib/sea.js?version=@WebVersion@"></script> <script src="jsBase/lib/seajs-text.js?version=@WebVersion@"></script> <script src="jsBase/widget/js/dui.tab.js?version=@WebVersion@"></script> <script src="jsBase/widget/js/dui.table.js?version=@WebVersion@"></script> <script src="jsBase/widget/js/dui.pagination.js?version=@WebVersion@"></script> <script src="jsBase/widget/js/dui.textfield.js?version=@WebVersion@"></script> <script src="jsBase/widget/js/dui.numberfield.js?version=@WebVersion@"></script> <script src="jsBase/widget/js/dui.datepicker.js?version=@WebVersion@"></script> <script src="jsBase/widget/js/dui.timefield.js?version=@WebVersion@"></script> <script src="jsBase/widget/js/dui.tip.js?version=@WebVersion@"></script> <script src="jsBase/widget/js/dui.dialog.js?version=@WebVersion@"></script> <script src="jsBase/widget/js/dui.ipfield.js?version=@WebVersion@"></script> <script src="jsBase/widget/js/dui.validator.js?version=@WebVersion@"></script> <script type="text/javascript">seajs.config({
                base: './jsBase',
                paths: {
                    'js':'../js',
                    'html':'../html',
                    'platformHtm':'../platformHtm',
                    'jsCore': '../jsCore'
                }
            });
            seajs.use('/jsCore/app',function(App) {
                window.webApp = new App();
            });</script> </body> </html>